<template>
    <div>
        <el-dialog
        title="流程图"
        :visible.sync="dialogVisible"
        width="30%"
        :before-close="handleClose">
            <el-steps :space="200" :active="checkType" finish-status="success" align-center>
                <el-step title="提交"></el-step>
                <el-step title="仓管员审核"></el-step>
                <el-step title="结束"></el-step>
            </el-steps>
            
            <span slot="footer" class="dialog-footer">
                <el-button @click="cancel">取 消</el-button>
            </span>
        </el-dialog>
    </div>
</template>

<script>
export default {
    name:'ReturnProcess',
    props: {
        isShow: Boolean,
        appplicationCheckType: Number
    },
    data() {
        return {
            checkType: 0,
            dialogVisible:false
        }
    },
    methods:{
        
        cancel(){
            this.checkType = 0
            this.$emit("closeDialog")
        },
        handleClose(){
            this.cancel()
        },
    },
    watch:{
        isShow(val) { 
            this.dialogVisible = val;
        },
        appplicationCheckType(val) { 
            if (val == 4){
                this.checkType = val - 2;
            } else {
                this.checkType = val - 1 ;
            }
        }
    },
}
</script>

<style>

</style>